<template>
  <div class="grandSon">
    <p>孙子组件</p>
    <p>1:{{ info1 }}</p>
    <p>2:{{ info2 }}</p>
    <p>3:{{ info3[1] }}</p>
    <p>4:{{ info4.name }}</p>

    <button @click="changeNumber(518)">点击修改info3中2改为520</button>
  </div>
</template>

<script setup lang="ts" name="Garndson">
defineProps(["info1", "info2", "info3", "info4", "changeNumber"]);
</script>

<style scoped lang="scss">
.grandSon {
  background-color: orange;
  padding: 10px;
}
</style>
